Toyhouse is an invite only character storage site (I have codes I can give away for free, just DM me). However, a lot of people find it difficult to navigate and use, especially when it comes to the coding and customise aspect.

I’ve been using Toyhouse for a few years now, so I’d like to make this tutorial! I would also like to preface that I am NOT affiliated with Toyhouse staff what so ever.

Before I start I’d like to explain what the basics of coding on Toyhouse is.

What is HTML?

HTML (HyperText Markup Language) tells web browsers how to display text and images. Toyhouse uses Bootstrap 5, which is the one of the most popular forms of HTML.

You can use Bootstrap to edit the content of your user, character, folder directory and world’s. Anyone can use this function for free!

What is CSS?

CSS (Cascading Style Sheets) changes the overall look of the page. For example, you can customise the overall colour, and sidebar. This is only for premium users!

Step One:

Find a code you like! You can make this yourself, or find one! There are many talented coders on Toyhouse, many of which do FTU codes.

Here is the Toyhouse coders masterlist

Here are some of my favourite coders:

Aurorean

Ashecodes

Pinky

Alternatively, you can look through the HTML/CSS & Graphics forum on Toyhouse.

Step Two:

Look for Circlejourney’s Toyhouse editor on Google. This is optional, but it makes things a lot easier. You can input your codes and edit them from here.

The reason I don’t often use Toyhouse’s coding preview is that it uses WWSIWYG (What you see is what you get) breaks the coding by adding and removing sections.

Step Three:

I recorded this video to demonstrate what to do, but I shall also outline it below.

1. Access the character you want to add the code to.

2. Select edit profile under the manage character section.

3. Turn off WYSIWYG

4. Paste your code into the box.

5. Click Update character.

Your character profile should now be done!

HTML Tips:

• It’s easiest to do this at your laptop or PC.

• Use ctrl + f to find sections in the code you need. You can also use this replace text.